import React from 'react'
import styles from "../assets/styles/product.module.css"

export default function Product({ books,addCartParent }) {
    const addCart = (pid)=>{
        //将得到的这个数据，存放父组件的cart数组中
        addCartParent(pid)
    }
    return (
        //  整个商品列表
        <div className={styles.list}>
            {/* 每一个商品 */}
            {books.map(item => {
                return (
                    <div className={styles.item}>
                        <img width="200px" src={item.imgname} alt="" />
                        <p>{item.title}</p>
                        <button onClick={()=>addCart(item.id)}>加入购物车</button>
                    </div>
                )
            })}

        </div>
    )
}
